///
// Skin: Dark
// Author: Tian Qi
// Email: kitian616@outlook.com
///

// main colors
$text-color-1:     rgba(#fff, .8);
$main-color-1:     #ff9500;

$text-color-2:     rgba(#fff, .8);
$main-color-2:     #ff006a;

$text-color-3:     rgba(#fff, .8);
$main-color-3:     #202020;

$main-color-4:     rgba(#505050, .8);

$main-color-theme-light: rgba(#000, .8);
$main-color-theme-dark:  rgba(#fff, .8);

// page background
$background-color: #121212;

// text colors
$text-color-theme-light:   #222;
$text-color-theme-light-l: #888;
$text-color-theme-light-d: #000;

$text-color-theme-dark:    rgba(#fff, .7);
$text-color-theme-dark-l:  rgba(#fff, .5);
$text-color-theme-dark-d:  rgba(#fff, .8);

$text-color:       $text-color-theme-dark;
$text-color-l:     $text-color-theme-dark-l;
$text-color-d:     $text-color-theme-dark-d;

$text-background-color: rgba(#fff, .05);

// header and footer colors
$header-text-color: $text-color-3;
$header-background: $main-color-3;

$footer-text-color: $text-color-3;
$footer-background: $main-color-3;

// diving line
$diving-line-color: $main-color-4;

// border and shadow colors
$border-color:      mix(#fff, $background-color, 20%);
$border-color-l:    mix(#fff, $background-color, 10%);
$decorate-color:    rgba(#fff, .1);
$mask-color:        rgba(#000, .9);
$select-color:      rgba($main-color-1, .5);

// function colors
$green:             #5baa34;
$blue:              #1c7cd4;
$yellow:            #c9771f;
$red:               #da3d45;
$text-color-function: rgba(#fff, .8);

// logo colors
$mail-color:        #0072c5;
$weibo-color:       #e6162d;
$facebook-color:    #4267b2;
$google-plus-color: #ea4335;
$twitter-color:     #1da1f2;
$douban-color:      #42bd56;
$github-color:      #000;
$linkedin-color:    #1074af;
$npm-color:         #fff;
$telegram-color:    #32afed;

// highlight colors
@import "themes/highlight/tomorrow-night";